<template>
  <div class="other_user_data_box my_love_data_box flex justify-between">
    <div class="my_love_data">
      <p class="my_love_data_num">{{myLove.totNum>=0?myLove.totNum:"加载中"}}</p>
      <p class="my_love_data_label">共获得祝福(次)</p>
    </div>

    <div class="my_love_data">
      <p class="my_love_data_num">{{myLove.nowSort>=0?myLove.nowSort:"加载中"}}</p>
      <p class="my_love_data_label">当前排名</p>
    </div>

    <div class="my_love_data">
      <p class="my_love_data_num">{{myLove.nextNum>=0?(myLove.nextNum - myLove.totNum):'加载中'}}</p>
      <p class="my_love_data_label">距离上一名(次)</p>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    myLove: {
      type: Object,
      dafault: {}
    }
  }
}
</script>

<style lang="scss" >
.other_user_data_box {
  margin: 28px 0;
}
.my_love_data_box {
  margin-top: 50px;
  padding: 0 35px;
  .my_love_data {
    text-align: center;
    .my_love_data_num {
      font-size: 40px;
      font-family: AlibabaPuHuiTiM;
      color: #333333;
      line-height: 30px;
      margin-bottom: 12px;
    }
    .my_love_data_label {
      font-size: 24px;
      font-family: AlibabaPuHuiTiR;
      color: #999999;
      line-height: 30px;
    }
  }
}
</style>